<ui:composition xmlns="http://www.w3.org/1999/xhtml"
                xmlns:ui="http://java.sun.com/jsf/facelets"
                xmlns:h="http://java.sun.com/jsf/html"
                xmlns:f="http://java.sun.com/jsf/core"
                xmlns:p="http://primefaces.org/ui"
                template="/WEB-INF/templates/ui-layout-template.xhtml">


    <ui:define name="headerRightPosition">
        <h:form>

            <h:panelGrid columns="2">
                Bienvenido,
                <div style="color: blue;">
                #{indexLoginBean.user.nick}
                </div>
                <p:menuButton value=" ">
                    <p:menuitem value="Perfil" icon="ui-icon-gear"/>
                    <p:menuitem value="Cerrar Sesión" icon="ui-icon-closethick" action="#{indexLoginBean.logOut}"/>
                </p:menuButton>
                
            </h:panelGrid>
        </h:form>
    </ui:define>

    <ui:define name="headerCenterPosition">
        <p> <h:outputText value="SISTEMAS DE PRACTICAS PRE PROFESIONALES" style="font-weight: bold; font-size: 28px; color:#069;"/> </p>        
    </ui:define>



    <ui:define name="rigthPosition">
        <h:form >
            <p:slideMenu style="width: 95%; height: 400px; border: none;" backLabel="Atras"
                         model="#{indexLoginBean.menuModel}" >
                
            </p:slideMenu>

        </h:form>
    </ui:define>

    <ui:define name="centerPosition">
        <p:panel id="panelCenter" style="border: none; height: 100%">
            <ui:include src="#{indexLoginBean.navigation}"/>
        </p:panel>
    </ui:define>


</ui:composition>